<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 控制面板专业版</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/admin.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <div class="container-fluid">
                <a class="navbar-brand" href="workplace.html"><i class="bi bi-gear"></i> 控制面板 <span class="badge bg-secondary fs-9">专业版</span></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#headerNavbar" aria-controls="headerNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="headerNavbar">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="workplace.html">首页</a></li>
                        <li class="nav-item"><a class="nav-link active" href="settings.html">设置</a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="basis-language.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">基础设置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="basis-language.html">多语言</a></li>
                                <li><a class="dropdown-item" href="basis-policies.html">政策条款</a></li>
                                <li><a class="dropdown-item" href="basis-delete.html">注销功能</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="system-site.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">系统设置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="system-site.html">站点设置</a></li>
                                <li><a class="dropdown-item" href="system-send.html">发信设置</a></li>
                                <li><a class="dropdown-item" href="system-user.html">用户设置</a></li>
                                <li><a class="dropdown-item" href="system-wallet.html">钱包设置</a></li>
                                <li><a class="dropdown-item" href="system-storage-image.html">存储设置</a></li>
                                <li><a class="dropdown-item" href="system-map.html">地图设置</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="operating-rename.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">运营配置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="operating-rename.html">命名配置</a></li>
                                <li><a class="dropdown-item" href="operating-interactive.html">互动配置</a></li>
                                <li><a class="dropdown-item" href="operating-emoji.html">表情配置</a></li>
                                <li><a class="dropdown-item" href="operating-publish-post.html">发表配置</a></li>
                                <li><a class="dropdown-item" href="operating-filter.html">过滤配置</a></li>
                                <li><a class="dropdown-item" href="operating-role.html">用户角色</a></li>
                                <li><a class="dropdown-item" href="operating-group.html">内容小组</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="expand-editor.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">扩展管理</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="expand-editor.html">编辑器扩展</a></li>
                                <li><a class="dropdown-item" href="expand-type.html">内容类型扩展</a></li>
                                <li><a class="dropdown-item" href="expand-manage.html">管理扩展</a></li>
                                <li><a class="dropdown-item" href="expand-group.html">小组扩展</a></li>
                                <li><a class="dropdown-item" href="expand-userfeature.html">用户功能扩展</a></li>
                                <li><a class="dropdown-item" href="expand-userprofile.html">用户资料扩展</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="navbar-nav">
                        <div class="btn-group d-flex flex-column">
                            <button type="button" class="btn btn-outline-light btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-translate"></i> 简体中文 - Chinese (Simplified)</button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">English - English</a></li>
                                <li><a class="dropdown-item" href="#">Español - Spanish</a></li>
                                <li><a class="dropdown-item" href="#">Français - French</a></li>
                                <li><a class="dropdown-item" href="#">日本語 - Japanese</a></li>
                                <li><a class="dropdown-item" href="#">한국어 - Korean</a></li>
                                <li><a class="dropdown-item" href="#">Русский - Russian</a></li>
                                <li><a class="dropdown-item" href="#">Português - Portuguese</a></li>
                                <li><a class="dropdown-item" href="#">Bahasa Indonesia - Indonesian</a></li>
                                <li><a class="dropdown-item" href="#">简体中文 - Chinese (Simplified)</a></li>
                                <li><a class="dropdown-item" href="#">繁體中文 - Chinese (Traditional)</a></li>
                            </ul>
                        </div>
                        <div class="ms-3"><a class="btn btn-outline-warning btn-sm" href="index.html" role="button">退出</a></div>
                    </div>
                </div>
            </div>
        </nav>
    </header>


    <main>
        <div class="container-lg p-0 p-lg-3">
            <div class="bg-body shadow-sm mt-4 mt-lg-2 p-3 p-lg-5">
                <div class="row">
                    <div class="col-lg-5">
                        <h3>控制面板设置</h3>
                        <p class="text-secondary">Fresns 控制面板专业版设置</p>
                        <form>
                            <div class="mb-3">
                            </div>
                            <div class="input-group mb-3">
                                <label class="input-group-text w-25">登录方式</label>
                                <div class="form-control bg-body">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked>
                                        <label class="form-check-label" for="flexCheckDefault">主程序控制台一键登录</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                                        <label class="form-check-label" for="flexCheckChecked">独立登录入口（运营管理员）</label>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary" style="margin-left:25%;">保存设置</button>
                        </form>
                    </div>
                    <div class="col-lg-1 mb-5"></div>
                    <div class="col-lg-5">
                        <h3>运营管理员</h3>
                        <p class="text-secondary">有权登录控制面板的管理员（该人员无权登录后端控制台）</p>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col">UID</th>
                                        <th scope="col">账号</th>
                                        <th scope="col">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>
                                            <span class="badge bg-light text-dark"><i class="bi bi-envelope"></i> jar***@foxmail.com</span>
                                            <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> +86 139****5678</span>
                                        </td>
                                        <td class="text-end">
                                            <button type="button" class="btn btn-link btn-sm text-danger fresns-link">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>18</td>
                                        <td>
                                            <span class="badge bg-light text-dark"><i class="bi bi-envelope"></i> jie***@qq.com</span>
                                            <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> 空</span>
                                        </td>
                                        <td class="text-end">
                                            <button type="button" class="btn btn-link btn-sm text-danger fresns-link">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>9527</td>
                                        <td>
                                            <span class="badge bg-light text-dark"><i class="bi bi-envelope"></i> 空</span>
                                            <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> +1 626***9527</span>
                                        </td>
                                        <td class="text-end">
                                            <button type="button" class="btn btn-link btn-sm text-danger fresns-link">删除</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#newAdmin"><i class="bi bi-plus-circle-dotted"></i> 新增管理员</button>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright text-center">
            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
        </div>
    </footer>

    <!-- Modal -->
    <div class="modal fade" id="newAdmin" tabindex="-1" aria-labelledby="newAdmin" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">新增运营管理员</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">账号</span>
                            <input type="text" class="form-control" placeholder="邮箱或者手机号">
                            <button class="btn btn-outline-secondary" type="submit" id="folderInstall-button">搜索并增加</button>
                        </div>
                        <div class="form-text"><i class="bi bi-info-circle"></i> 手机号必须为带国际区号的完整号码</div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/admin.js"></script>
</body>

</html>